<template>
<div id="routerindex">
    <div class="left">
        <leftment></leftment>
        <router-link to="/leftMenu">用户管理</router-link>
    </div>
    <div class="right">
        <router-view></router-view>
    </div>
</div>
</template>

<script>
import leftMenu from "@/components/leftMenu.vue";
export default {
    components:{leftMenu}
}
</script>

<style scoped>
 body{
     margin: 0;
     padding: 0;
 }
 #routerindex{
     /*vw和vh都是参照浏览器的高度和宽度*/
     width: 100vw;
     height: 100vh;
     display: flex;
     flex-direction: row;
 }
 #routerindex .left{
     flex: 3;
     background-color: #1F2D3D;
     color: white;
     font-weight: 400;
     padding: 1vw;
 }
 #routerindex .right{
     display: flex;
     flex: 15;
 }
</style>